<template>
	<view class="order-list">
		
		<!-- <view class="head">
			<view>设置</view>
			<view class="circle-btn">
				<text class="txt" @click="back">返</text>
			</view>
		</view> -->

		<scroll-view class="list" :scroll-y="false">
			<view class="list-item" v-for="(v, i) in questions" :key="i" >
				<view class="problem">
					<text> {{v.title}} </text>
					<navigator :url="v.to">
						<view class="arrow-box">
							<text> > </text>
						</view>
					</navigator>				
				</view>
			</view>
		</scroll-view>
					
	</view>
</template>

<script>
	export default {
		data() {
			return {
				questions: [
				{ title: '龙殿介绍', to: '/pages/founderInfo/index' }, 
				{ title: '服务协议', to: '/pages/founderInfo/userTerms' }, 
				// { title: '注意事项', to: '/pages/founderInfo/precautions' },
				{ title: '修改个人信息', to: '/pages/profile/profileSetting' },
				],			
			}
		},
		computed: {
		    
		},
		methods: {	

			back () {
				uni.navigateBack()
			},
			
		}
	}
</script>

<style lang="scss">
  .order-list {
	  color: white;
	  padding: 40rpx 20rpx;
	  align-items: center;
	  
	  .circle-btn {
	  			  width: 90rpx;
	  			  height: 90rpx;
	  			  border-radius: 50%;
	  			  background-color: yellow;
	  			  text-align: center;
	  			  line-height: 90rpx;
	  			  .txt {
	  				  color: black;
	  				  font-size: 22px;
	  			  }
	  }
	  .head {
		  display: flex;
		  padding: 40rpx 10rpx;
		  justify-content: space-between;
		  align-items: center;
		  font-size: 42rpx;
		  border-radius: 10rpx;
		  background-color: rgba(0, 0, 0, 0.3);
	  }
	  
	 	 
	 .list {
		 margin-top: 40rpx;
		 height: calc(100vh - 460rpx);
		 .list-item {
			margin: 10rpx 0;
			padding: 20rpx 20rpx;
			margin: 20rpx 10rpx;
			border-radius: 10rpx;
		 	background-color: #2f2f2f;
			.problem {
			   display: flex;
			   justify-content: space-between;
               font-size: 40rpx;
			   padding: 10rpx;
			   border-bottom: 4rpx solid #fff;
				   
			   .arrow-box {
				   display: inline-block;
				   padding: 0 30rpx 0 50rpx;
			   }
			}
			
		 }
	 }
	 
  }
</style>
